<template>
    <br />
    <div>
        <h1>第1个循环</h1>
        <li v-for="{ message } in items">
            vaule = {{ message }} 11111
        </li>
    </div>

    <!-- 有 index 索引时 -->
    <div>
        <h1>第2个循环</h1>
        <li v-for="({ message }, index) in items">
            value = {{ message }}, index = {{ index }} 2222
        </li>
    </div>
</template>

<script>
export default {
    data() {
        return {
            items: [
                { "message": "1" },
                { "message": "2" },
                { "message": "3" },
                { "message": "4" },
                { "message": "5" },
            ]
        };
    },
};
</script>
